<template>
  <div class="w-100 h-100">
    <containTemplete
      :title="'应急事件管理'"
      :secondTitles="['应急事件数量统计', '应急事件趋势分析']"
      :slotWidth="[50, 50]"
    >
      <template #left>
        <div  class="h-100" style="display: flex">
          <div class="h-100" style="flex: 1">
            <div style="font-size: 20px">
              <img src="../../../../assets/image/jianshe/title.png" alt="" />
              事件类型
            </div>
            <div class="w-100 h-100">
               <sjlx></sjlx>
            </div>
          </div>
          <div class='h-100' style="flex: 1">
            <div  style="font-size: 20px">
              <img src="../../../../assets/image/jianshe/title.png" alt="" />
              事件等级统计
            </div>
            <div class="w-100 h-100">
             <sjdjtj></sjdjtj>
            </div>
          </div>
        </div>
      </template>
      <template #middle>
        <div class="w-100 h-100">
          <!-- <yjsj_ztlx></yjsj_ztlx> -->
          <yjsjqsfx></yjsjqsfx>
        </div>
      </template>
    </containTemplete>
  </div>
</template>

<script setup lang='ts'>
import h_normal from "@/components/common/echart/h_nomal.vue";
import pie_normal from "@/components/common/echart/pie_normal.vue";
import yjsj_ztlx from "./yjsj_ztlx.vue";
import sjdjtj from './sjdjtj.vue'
import sjlx from './sjlx.vue'
import containTemplete from "@/components/project/containTemplete.vue";
import yjsjqsfx from './yjsjqsfx.vue';
const echartsData_yjsj_lx = ref([
  { value: 15, name: "自然灾害" },
  { value: 38, name: "事故灾难" },
  { value: 32, name: "公共卫生事件" },
  { value: 30, name: "社会安全事件" },
]);
const echartsData_yjsj_djlx = ref([
  { value: 55, name: "特别重大事故" },
  { value: 24, name: "重大事故" },
  { value: 32, name: "较大事故" },
  { value: 30, name: "一般事故" },
]);
const echartsData_yjsj_tj = ref([
  { value: 55, name: "一月" },
  { value: 15, name: "二月" },
  { value: 52, name: "三月" },
  { value: 32, name: "四月" },
  { value: 55, name: "五月" },
  { value: 15, name: "六月" },
  { value: 52, name: "七月" },
  { value: 32, name: "八月" },
  { value: 55, name: "九月" },
  { value: 15, name: "十月" },
  { value: 52, name: "十一月" },
  { value: 32, name: "十二月" },
]);
</script>

<style scoped lang="less" >
</style>